body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, input, p{margin:0;padding:0;}
img{border:0;}
em, i{font-style:normal;font-weight:normal;}
ul, ol{list-style:none;}
h1, h2, h3, h4, h5{font-size:100%;font-weight:normal;}
table{ border-spacing:0; border-collapse:separate;}
td,th{ padding: 0;}
body {font:14px/1.6 "Microsoft YaHei",'\5b8b\4f53',  tahoma, sans-serif;
      color:#4d4d4d;
	  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../images/bg01.png");
	  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../images/bg01.png");
	  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../images/bg01.png");
	  background-image: linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../images/bg01.png");
	  background-color: #f7f7f7;
	  background-position: top left, top left;
	  background-repeat: repeat-x, repeat;
	  background-size: 100% 30em, auto;
	}
input,textarea{outline:none;} 
a{color:#4d4d4d;text-decoration:none;outline:none;cursor:pointer;}
a:hover{text-decoration:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;}
a:hover, a:focus{ text-decoration:none;}
.clear{clear:both;}
.clearfix,.bx-wrapper{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.floatL{ float:left;}
.floatR{ float:right;}
.no-padding-right{ padding-right:0 !important;}
.no-padding-left{ padding-left:0 !important;}

/* Box Model */
* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* Containers */
.container { margin-right: auto; margin-left: auto;}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1000px;
  }
}

/* Grid */
.row { margin-right: -15px; margin-left: -15px;}
.col-sm-1, .col-md-1, .col-sm-2, .col-md-2, .col-sm-3, .col-md-3, .col-sm-4, .col-md-4, .col-sm-5, .col-md-5, .col-sm-6, .col-md-6, .col-sm-7, .col-md-7, .col-sm-8, .col-md-8, .col-sm-9, .col-md-9, .col-sm-10, .col-md-10, .col-sm-11, .col-md-11, .col-sm-12, .col-md-12{
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}

/* Wrappers */
#header-wrapper{ height:67px; border-bottom:2px solid #14377d; background:#1c42af; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
#main-wrapper{ min-height:540px; padding:30px 0 50px 0;}

/* Header */
#header{ height:65px; position:relative;}

/* Logo */
.logo{ height:65px; display:inline-block;}

/* Nav */
#nav{ position:absolute; bottom:0; right:0; font-size:14px; margin-bottom:-3px;}
#nav ul li { float:left; line-height:36px; padding-right:10px;}
#nav ul li a{ -moz-transition: background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out;
-o-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out; font-weight:800; letter-spacing:0.025em; text-decoration:none; border-radius: 4px 4px 0 0; padding:8px 20px; color:#df910a; background-color:#fcefdd; }
#nav ul li:hover a{ color:#fff; background-color:#ea9016;}
#nav ul li.active a{ color:#fff; background-color:#ea9016;}
#nav ul li.current a { color:#fff; background-color:#ea9016;}

/* Box */
.box{ background:#fff; border-radius:6px; box-shadow:0 3px 0 0 rgba(0,0,0,0.05); padding:20px; margin-bottom:30px;}
.box p{ font-size:16px; line-height:2;}
.box p .blue{ color:#3965be;}
.btn-box{ padding-top:20px;}
.add-box{ padding:50px; border:2px dashed #ddd; border-radius:6px; background: url(../images/plus.png) center center no-repeat #fff; display:block;}
.add-box:hover{ background: url(../images/plus.png) center center no-repeat #f0f0f0;}

/* Main */
.main{ padding:20px; border:1px solid #dfdfdf; border-radius:6px; background:#fff; box-shadow:0 3px 0 0 rgba(0,0,0,0.05);}

/* Footer */
#footer{ padding:20px 0; background:#1d1d1d;}
#footer p{ text-align:center; color:#fff;}

/* Table */
.table-data {
  width: 100%;
  max-width: 100%;
  border: 1px solid #ddd;
  border-radius:4px;
}
.table-data > thead > tr > th,
.table-data > tbody > tr > th,
.table-data > tfoot > tr > th,
.table-data > thead > tr > td,
.table-data > tbody > tr > td,
.table-data > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  text-align:center;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.table-data > thead > tr > th:last-child,
.table-data > tbody > tr > th:last-child,
.table-data > tfoot > tr > th:last-child,
.table-data > thead > tr > td:last-child,
.table-data > tbody > tr > td:last-child,
.table-data > tfoot > tr > td:last-child {
  border-right: 0;
}
.table-data > tbody > tr:last-child > th,
.table-data > tfoot > tr:last-child > th,
.table-data > thead > tr:last-child > td,
.table-data > tbody > tr:last-child > td,
.table-data > tfoot > tr:last-child > td {
  border-bottom: 0;
}
.table-data > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #ddd;
  background:#e7e7e7;
}
.table-data > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table-data .table-data {
  background-color: #fff;
}
.table-data > tbody > tr:nth-of-type(even) {
  background-color: #f9f9f9;
}


/* Image */
.image{ display:inline-block; outline:0;}
.image img{ display:block; width:100%; border:1px solid #ddd; border-radius:4px;}
.image.name{ display:block; width:100%; margin:0 0 20px 0;}

/* Button */
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button {
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	-webkit-appearance: none;
	position: relative;
	display: inline-block;
	text-decoration: none;
	border-radius: 4px;
	outline: 0;
	border: 0;
	cursor: pointer;
	font-size: 14px;
	padding: 4px 12px;
}

input[type="button"].icon:before,
input[type="submit"].icon:before,
input[type="reset"].icon:before,
button.icon:before,
.button.icon:before {
	position: relative;
	margin-right: 5px;
	top: 1px;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button.blue,
.button.blue {
	background-color: #3965be;
	color: #fff;
}

input[type="button"].blue:hover,
input[type="submit"].blue:hover,
input[type="reset"].blue:hover,
button.blue:hover,
.button.blue:hover {
	background-color: #4c78d1;
}

input[type="button"].blue:active,
input[type="submit"].blue:active,
input[type="reset"].blue:active,
button.blue:active,
.button.blue:active {
	background-color: #618ce4;
}

input[type="button"].green,
input[type="submit"].green,
input[type="reset"].green,
button.green,
.button.green {
	background-color: #39be87;
	color: #fff;
}

input[type="button"].green:hover,
input[type="submit"].green:hover,
input[type="reset"].green:hover,
button.green:hover,
.button.green:hover {
	background-color: #45d097;
}

input[type="button"].green:active,
input[type="submit"].green:active,
input[type="reset"].green:active,
button.green:active,
.button.green:active {
	background-color: #54dfa5;
}

input[type="button"].info,
input[type="submit"].info,
input[type="reset"].info,
button.info,
.button.info {
	background-color: #39b9be;
	color: #fff;
}

input[type="button"].info:hover,
input[type="submit"].info:hover,
input[type="reset"].info:hover,
button.info:hover,
.button.info:hover {
	background-color: #4accd1;
}

input[type="button"].info:active,
input[type="submit"].info:active,
input[type="reset"].info:active,
button.info:active,
.button.info:active {
	background-color: #5ad9de;
}

input[type="button"].default,
input[type="submit"].default,
input[type="reset"].default,
button.default,
.button.default {
	background-color: #fff;
	color: #333;
	border:1px solid #ddd;
}

input[type="button"].default:hover,
input[type="submit"].default:hover,
input[type="reset"].default:hover,
button.default:hover,
.button.default:hover {
	background-color: #d7d7d7;
}

input[type="button"].default:active,
input[type="submit"].default:active,
input[type="reset"].default:active,
button.default:active,
.button.default:active {
	background-color: #ececec;
}

input[type="button"].red,
input[type="submit"].red,
input[type="reset"].red,
button.red,
.button.red {
	background-color: #ec574c;
	color: #fff;
}

input[type="button"].red:hover,
input[type="submit"].red:hover,
input[type="reset"].red:hover,
button.red:hover,
.button.red:hover {
	background-color: #f97368;
}

input[type="button"].red:active,
input[type="submit"].red:active,
input[type="reset"].red:active,
button.red:active,
.button.red:active {
	background-color: #fd8d84;
}

input[type="button"].big,
input[type="submit"].big,
input[type="reset"].big,
button.big,
.button.big {
	font-size: 18px;
	padding: 10px 16px;
}

input[type="button"].small,
input[type="submit"].small,
input[type="reset"].small,
button.small,
.button.small {
	font-size: 12px;
	padding: 2px 8px;
}

/* Icon */
.editicon{ width:24px; height:24px; background-image:url(../images/table1_03.png); background-position:center center; background-repeat:no-repeat; vertical-align:middle;}
.codeicon{ width:24px; height:24px; background-image:url(../images/table1_06.png); background-position:center center; background-repeat:no-repeat; vertical-align:middle;}

/* list-table */
.list-table{ padding:0; margin-bottom:20px; clear:both;}
.list-table li{ padding:5px; border-bottom:1px solid #ddd;}
.list-table li:first-child{ border-top:1px solid #ddd;}
.list-table li a{ display:inline-block; line-height:30px; }
.tool-area{ padding:15px; margin-bottom:15px; border-radius:4px; clear:both; background-color:#f2f2f2;}
.btn-tool{ display:inline-block; margin-top:4px; float:right;}

/* Pagination */
.pager { text-align: center; padding: 5px 3px; margin: 3px; color: #a0a0a0; font-size: 14px;}
.pager a { border: #d4dfe3 1px solid; border-radius:2px; padding: 2px 6px; color: #c0c0c0; margin-right: 3px; text-decoration: none;}
.pager a:hover { border:#c1d1d7 1px solid; background-color:#eaeff2; color: #23527c;}
.pager a:active { border:#c1d1d7 1px solid; background-color:#eaeff2; color: #23527c; }
.pager span.current { border: #6faed9 1px solid; padding: 2px 5px; background-color: #6faed9; color: red; font-weight: bold; margin-right: 3px;}
.pager span.disabled { padding: 2px 5px; margin-right: 3px; color: #777777;}
.cssTxt{ border:1px solid #bcbcbc; border-radius:3px; height:24px; padding:2px 4px;}

/* Modal */
.blue-bg{ color:#fff; padding-top:10px; border-radius:5px 5px 0 0; background:#1c42af; height:40px; line-height:40px;}
.blue-bg h4{ font-weight:bold;}
.close span{ color:#fff;}

.search-box{ background:#f2f2f2; border-radius:4px; padding:20px 20px 10px 20px; margin-bottom:10px;}

#navPanel, #navToggle{ display: none;}
@media screen and (max-width: 980px) {
/* Off-Canvas Navigation */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}

			#navToggle {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
			}

				#navToggle .toggle {
					width: 70px;
					height: 50px;
					opacity: 0.35;
				}

					#navToggle .toggle:before {
						display: inline-block;
						font-family: FontAwesome;
						text-decoration: none;
						font-style: normal;
						font-weight: normal;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						position: absolute;
						left: 6px;
						top: 6px;
						background: rgba(0, 0, 0, 0.5);
						width: 58px;
						height: 38px;
						border-radius: 6px;
						content: '\f0c9';
						color: #fff;
						text-align: center;
						line-height: 38px;
						font-size: 20px;
					}

					#navToggle .toggle:active {
						opacity: 0.75;
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
				background: #fff;
				box-shadow: inset -3px 0px 0px 0px #dfdfdf;
				padding: 0 23px 0 20px;
			}

				#navPanel .link {
					display: block;
					text-decoration: none;
					height: 54px;
					line-height: 54px;
					border-top: solid 1px #e8e8e8;
					color: #696969;
				}

					#navPanel .link:first-child {
						border-top: 0;
					}

				#navPanel .indent-1 {
					display: inline-block;
					width: 1em;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 2em;
				}

				#navPanel .indent-3 {
					display: inline-block;
					width: 3em;
				}

				#navPanel .indent-4 {
					display: inline-block;
					width: 4em;
				}

				#navPanel .indent-5 {
					display: inline-block;
					width: 5em;
				}

				#navPanel .depth-0 {
					color: #444;
					font-weight: 800;
				}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navToggle {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

	}